<template>
	<main>
		<router-view v-slot="{ Component }">
			<transition name="md">
				<component :is="Component" />
			</transition>
		</router-view>
		<NotificationsCenter />
	</main>
	<footer>
		<statusbar />
	</footer>
</template>

<script setup lang="ts">
import NotificationsCenter from '@v/components/message/notificationsCenter/index.vue';
import statusbar from '@v/components/statusbar/index.vue';
</script>

<style scoped lang="scss">
main {
	height: calc(100% - 24px);
	overflow: hidden;
}
footer {
	width: 100%;
	height: 24px;
}
</style>
